<template>
  <view class="msg-item">
    <view class="title">{{ title }}</view>
    <view class="desc">
      {{ desc }}</view>
  </view>
</template>
<script setup>
import { ref, defineProps } from 'vue'

const props = defineProps({
  title: {
    type: String
  },
  desc: {
    type: String
  }
})
</script>
<style scoped lang=less>
.msg-item {
  width: inherit;
  background-color: #fff;
  padding: 20rpx;
  font-family: 'ali';
  border-radius: 20rpx;
  margin: 30rpx 0 ;
  box-shadow:0px 4px 10px #ece7e7;
  .title {
    font-weight: 700;
  }
  .desc {
    margin-top: 40rpx;
    color: #999;
    max-height: 100rpx;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
</style>
